<template>
  <div id="State">
    <v-details
      :detailData="data.detailData"
      :inputConfig="inputConfig"
      :rules="rules"
      ref="input"
    ></v-details>
  </div>
</template>

<script>

import details from 'commons/Detail'
import baseMixin from "@/mixins/BaseMixin";

export default {
  name: "State",
  mixins: [baseMixin],
  props: {
    data: {
      type: Object
    }
  },
  data () {
    return {
      inputConfig: [
        [
          {
            type: "select",
            label: this.$t('outbound.includeholdcode1'),
            props: "includeholdcode1",
            options: this.getOptions('queryInventoryholdcodeDropDown')
          },
          {
            type: "select",
            label: " ",
            props: "includeholdcode2",
            options: this.getOptions('queryInventoryholdcodeDropDown')
          },
          {
            type: "select",
            label: " ",
            props: "includeholdcode3",
            options: this.getOptions('queryInventoryholdcodeDropDown')
          },
          {
            type: "select",
            label: " ",
            props: "includeholdcode4",
            options: this.getOptions('queryInventoryholdcodeDropDown')
          },
          {
            type: "select",
            label: " ",
            props: "includeholdcode5",
            options: this.getOptions('queryInventoryholdcodeDropDown')
          }
        ],
        [
          {
            type: "select",
            label: this.$t('outbound.locationtypeexclude01'),
            props: "locationtypeexclude01",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
          {
            type: "select",
            label: " ",
            props: "locationtypeexclude02",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
          {
            type: "select",
            label: " ",
            props: "locationtypeexclude03",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
          {
            type: "select",
            label: " ",
            props: "locationtypeexclude04",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
          {
            type: "select",
            label: " ",
            props: "locationtypeexclude05",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
        ],
        [
          {
            type: "select",
            label: this.$t('outbound.locationtyperestriction01'),
            props: "locationtyperestriction01",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
          {
            type: "select",
            label: " ",
            props: "locationtyperestriction02",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
          {
            type: "select",
            label: " ",
            props: "locationtyperestriction03",
            options: this.getOptions('querycodeLkup/LOCTYPE')
          },
        ],
        [
          {
            type: "select",
            label: this.$t('outbound.locationstaterestriction01'),
            props: "locationstaterestriction01",
            options: this.getOptions('querycodeLkup/PALSTREST')
          }
        ],
      ],
      rules: {},
    }
  },
  methods: {},
  mounted () {
  },
  watch: {},
  components: {
    'v-details': details
  }
}
</script>

<style scoped>
</style>
